import React from 'react';
import ReactDom from 'react-dom';
import MediaQuery from 'react-responsive';
import {Router,Route,hashHistory} from 'react-router';

import PcIndex from '../components_js/pc/pc_index';
import MobileIndex from '../components_js/mobile/mobile_index'

import { Button } from 'antd';
import 'antd/dist/antd.css';

export default class Root extends React.Component {
  render(){
    return (
      <div id='router_div'>
        <MediaQuery query='(min-device-width: 1224px)'>
          <PcIndex />
        </MediaQuery>
        <MediaQuery query='(max-device-width: 1224px)'>
          <MobileIndex />
        </MediaQuery>
      </div>
    )
  };
}

ReactDom.render(<Root />,document.getElementById('mainContainer'));
